<template>
  <f7-page>
    <f7-navbar no-shadow sliding>
      <f7-nav-left>
        <f7-link back icon-f7="chevron_left"></f7-link>
      </f7-nav-left>
      <f7-nav-title class="nav-title"></f7-nav-title>
      <f7-nav-right class="nav-title-right">
        <f7-link icon-f7="ellipsis"></f7-link>
      </f7-nav-right>
    </f7-navbar>
    <div class="page-pg">
      <qm-operateTips title="操作成功" msg="内容详情可折行，建议不超过两行建议不超过两行建议不超过两行" :src="require('/static/img/blankpage/success.png')"></qm-operateTips>
      <div class="others">其他模块</div>
    </div>
  </f7-page>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
::v-deep.navbar {
  height: calc(88px * var(--ratio));
  .navbar-inner {
    justify-content: space-between;
    background-color: var(--color-fill-grey-inverse);
    .left {
      padding-left: calc(34px * var(--ratio));
      .link {
        padding: 0;
        width: auto;
        color: var(--color-ironblack);
      }
    }
    .title {
      color: var(--color-ironblack);
      font-size: var(--font-size-maintitle);
    }
    .right {
      padding-right: calc(38px * var(--ratio));
      .link {
        padding: 0;
        width: auto;
        color: var(--color-ironblack);
      }
    }
  }
}
.page-pg {
  background-color: var(--color-divider-background);
  /* padding-top: calc(72px * var(--ratio)); */
  height: 100%;
}
.others {
  height: calc(375px * var(--ratio));
  background: var(--color-fill-grey-inverse);
  margin-top: calc(20px * var(--ratio));
  text-align: center;
  line-height: calc(375px * var(--ratio));
  color: var(--color-text-main);
  font-size: var(--font-size-maintitle);
}
.md .navbar a.link:before{
  content: none;
}
</style>